<template>
    <ph-view>
        <ph-blockquote type="primary">该组件为独立组件<br/><a href="https://www.npmjs.com/package/ph-modal" target="_blank">npm 地址</a></ph-blockquote>
        <ph-tab>
            <ph-tab-panel title="案例展示">
                <ph-preview url="/modal-free"/>
                <ModalDemo/>
            </ph-tab-panel>
            <ph-tab-panel title="script">
                <ph-pretty>{{Data.usage}}</ph-pretty>
            </ph-tab-panel>
            <ph-tab-panel title="基本介绍">
                <ph-pretty>{{Data.intro}}</ph-pretty>
            </ph-tab-panel>
        </ph-tab>
    </ph-view>
</template>
<script lang="ts" setup>
import { 
    PhView, 
    PhTab, 
    PhTabPanel,
    PhDivider,
    PhBlockquote
    } from '@/components'
import { PhGridItem, PhGrid } from '@/components'
import * as Data from '../data/modal'
import ModalDemo from './free/modal.vue'
</script>
